<template>
  <div class="card bg-base-100 h-96 w-96 shadow-sm place-self-center text-base-content bg-base border-base">
    <figure>
    </figure>
    <div class="card-body ">
      <h2 class="card-title">个人信息</h2>
      <p>学号：{{useUserStore().user.username}}</p>
      <p>姓名：{{useUserStore().user.realName}}</p>
      <p>性别：{{useUserStore().user.gender}}</p>
      <p>电话号码：{{useUserStore().user.phone}}</p>
      <p>邮箱：{{useUserStore().user.email}}</p>
      <p>学校：{{useUserStore().user.school}}</p>
      <p>权限：{{useUserStore().user.role}}</p>
      <div class="card-actions justify-end">
      <user-editor :user="useUserStore().user" >修改信息</user-editor>
<!--        <button class="btn btn-primary">修改信息</button>-->
      </div>
    </div>
  </div>
<!--  {{useUserStore().user}}-->
</template>
<script setup>

import {useUserStore} from "../../store/userStore.js";
import CountdownTime from "@/components/countdownTime.vue";
import UserEditor from "@/components/userEditor.vue";
import {onMounted} from "vue";

onMounted(()=>{
  useUserStore().search_type='账户'
})
</script>
<style scoped>
    
</style>
